<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>员工账号页面</title>
    <link rel="stylesheet" href="../common/css/x-style.css" />
    <link rel="stylesheet" href="../common/css/pager.css" />
    <link rel="stylesheet" href="../common/css/jquery.smartbox.css" />
 	<link rel="stylesheet" href="../common/css/pop.css" />
</head>


<body>
   
    <!--头部-->
    <div id="header"></div>

    <div class="auth-main">
        <!--侧边导航-->
        <span id="nav"></span>

        <!--内容区域-->
        <div  class="main" style="width: 1000px;">
			<div class="x-ibox-title m-b-sm">
                <span>员工账号</span>
            </div>	
            
            <div style="height:574px; padding:20px;background-color: white;position: relative;">
            	<!--<div class="ibox-search">-->
	                <div class="form-inline search-input m-b-md">
	                    <div class="input-group">
	                        <span class="input-group-addon">姓名:</span>
	                        <input type="text" class="form-control x-input" placeholder="请输入姓名" value="">
	                    </div>
	                    <div class="input-group">
	                        <span class="input-group-addon">手机号:</span>
	                        <input type="text" class="form-control x-input" placeholder="请输入手机号" value="">
	                    </div>
	
	                    <div class="input-group m-r">
	                        <span class="input-group-addon">职务:</span>
	                        <select class="form-control col-select">
	                            <option value="">全部</option>
	                        </select>
	                    </div>
	                    
	                    <div class="input-group">
	                    	 <button type="button" class="btn x-btn2">搜索</button>
	                    </div>
     
     
     
     					<a href="./编辑.html" class="btn x-btn-danger pull-right">新增员工</a>
               
	                </div>
	                 
	               
            
				
				  
	
				<table class="table table-bordered u-table-center">
					<tr class="x-table-th" style="background-color:#f5f5f5;">
						<th>姓名</th>
						<th>手机号</th>
						<th>职务</th>
						<th>权限</th>
						<th>操作</th>
					</tr>
				
					<tr class="x-table-tdh">
						<td>张三</td>
						<td>18888888888</td>
						<td>老板</td>
						<td>挂买单 、撤卖单 、生成卖单</td>
						<td>
						
							
						<a href="./编辑.html" style="color: #555;" > 
							<i class="iconfont icon-bianji" style="font-size: 16px; color: #999; margin-right: 5px"></i>
						</a>
	                    
						<a 		class="delTip"
	                            href="javascript:void(0);" 
	                            style="color: #555;">
	                        <i class="iconfont icon-shanchu" style="font-size: 16px; color: #999; margin-right: 5px"></i>
	                   	</a>
						</td>
					</tr>
					
					<tr>
						<td>张三</td>
						<td>18888888888</td>
						<td>老板</td>
						<td>挂买单 、撤卖单 、生成卖单</td>
						<td>
							<a href="./编辑.html" style="color: #555;" >
							<i class="iconfont icon-bianji" style="font-size: 16px; color: #999; margin-right: 5px"></i>
						</a>
	                    
						<a 		class="delTip"
	                            href="javascript:;" 
	                            style="color: #555;">
	                        <i class="iconfont icon-shanchu" style="font-size: 16px; color: #999; margin-right: 5px"></i>
	                   	</a>
						</td>
					</tr>
					
					<tr>
						<td>张三</td>
						<td>18888888888</td>
						<td>老板</td>
						<td>挂买单 、撤卖单 、生成卖单</td>
						<td>
							<a href="./编辑.html" style="color: #555;">
							<i class="iconfont  icon-bianji" style="font-size: 16px; color: #999; margin-right: 5px"></i>
						</a>
	                    
						<a 		class="delTip"
	                            href="javascript:void(0);" 
	                            
	                            style="color: #555;"
	                            
	                            >
	                        <i class="iconfont icon-shanchu" style="font-size: 16px; color: #999; margin-right: 5px" ></i>
	                   	</a>
						</td>
					</tr>
				
				</table>


				
				    <!--分页-->
                    <div class="page" style="position:absolute;bottom:24px">
                        <ul class="pageMenu clearfix">
                            <li class="firstPage">首页</li>
                            <li class="prevPage ">上一页</li>
                            <div class="pageObj ">

                                <li class="pageNum active" style="display: list-item;">1</li>
                                <li class="pageNum" style="display: list-item;">2</li>
                            </div>
                            <li class="nextPage"> 下一页 </li>
                            <li class="lastPage">尾页</li>
                            <li>2/2</li>
                            <li style="border:none">共2页，到第</li>
                           	
                           	<li style="border:none;padding:0">
                                <input type="number" class="keuInput" value="1"><span class="m-l m-r">页</span>
                                <button type="button" class="btnSure" style="font-size: 14px;position:relative;top:0">GO</button>
                            </li>
                        </ul>
                    </div>


			
            </div>
            
           
	   </div>
    </div>
    
<div id="basic" style="display: none;"></div>
	

   <!--页尾-->
    <div id="footer"></div>
  </body></html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../common/js/pager.js" ></script>
<script type="text/javascript" src="../common/js/jquery.smartbox.min.js" ></script>
<script type="text/javascript" src="../common/js/pop.js" ></script>
<script type="text/javascript">
	$.get('../common/html/head.html',function(data){
		$('title').after(data);
	});
	
    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/nav.html', function (data) {
        $('#nav').html(data)
    });

$.get('../common/html/footer.html', function (data) {
      $('#footer').html(data)
    });
    
    

</script>